﻿  
<!----公共层-->
<div class="productPopupContainer Popup">
    <div class="productPopup">
        <script>
            var enlargeContID = 'prodZoom';
        </script>

        <div class="product zoomProduct" id="prodZoom">
            <a href="#" title="" id="prodZoom_Magnify" class="magnify">Quick View <span>Click here</span></a>
            <h3>
                <a href="/" id="prodZoom_aTitle"><strong></strong></a>
            </h3>
            <div class="image">
                <a href="/" title=""><span class="sash" id="prodZoom_Sash">
                    <!-- -->
                </span>
                    <img src=" " id="prodZoom_imgProduct" alt="Image coming soon"
                        height="80" width="120">
                </a>
            </div>
            <div class="commMsg" id="prodZoom_CommMsg">
            </div>
            <div class="rating" id="prodZoom_Rating">
                <div class="count" style="width: px;">
                </div>
            </div>
            <!--[if lte IE 7]><p class="ieFix">&nbsp;</p><![endif]-->
            <div class="price" id="prodZoom_Price">
                PRICE <strong>$0.00</strong>
            </div>
            <div class="save" id="prodZoom_Save">
            </div>
            <div class="rrp" id="prodZoom_RRP">
            </div>
            <!--[if lte IE 7]><div class="ieClear"></div><![endif]-->
            <a href="/" id="prodZoom_aView" class="btn_moreInfo" title="View" style=" margin-left:35px;">
                More Info</a>  
            <!--[if lte IE 7]><div class="ieClear"></div><![endif]--> 
        </div>
        <div class="bg" id="tl">
            <!-- -->
        </div>
        <div class="bg" id="tr">
            <!-- -->
        </div>
        <div class="bg" id="bl">
            <!-- -->
        </div>
        <div class="bg" id="br">
            <!-- -->
        </div>
    </div>
</div>
<div style="display: none">
    <div class="lbGeneric lbTreepodia lightbox">
        <div class="header">
            <a class="btn_close" title="Close" href="javascript:MAD.lightBox.hide();"></a>
            <h3>
            </h3>
        </div>
        <div class="content">
            <div id="swfDiv">
            </div>
            <a class="btn_viewProductLarge" title="" href="">View Product</a>
        </div>
    </div>
</div>
<div class="lbEnlargeProduct lightbox">
    <div class="header">
        <a class="btn_close" title="Close" href="javascript:MAD.lightBox.hide();"></a>
        <h3>
        </h3>
    </div>
    <div class="content">
        <p class="commMsg">
        </p>
        <img src="/common/images/shell/blank.gif">
        <a class="btn_viewProdDetails" title="" href="">View Full Product Details</a>
    </div>
</div>
<style type="text/css">
    .lbEnlargeProduct
    {
        width: 656px;
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1101;
    }
    .lbEnlargeProduct .header
    {
        height: 35px;
        padding: 22px 22px 0 30px;
        background: url(/common/images/shell/lbPopup.png) no-repeat 0 0;
    }
    .lbEnlargeProduct .header h3
    {
        margin: 1px 0;
        font-size: 1.3em;
        color: #4A4A4A;
    }
    .lbEnlargeProduct .header a.btn_close
    {
        width: 18px;
        height: 18px;
        display: block;
        padding: 0;
    }
    .lbEnlargeProduct .content
    {
        padding: 6px 0 24px 0;
        background: url(/common/images/shell/lbPopup.png) no-repeat 0 bottom;
    }
    .lbEnlargeProduct .content .commMsg
    {
        margin: 0 30px 20px 30px;
        font-size: 13px;
        font-weight: bold;
        color: #89BC05;
    }
    .lbEnlargeProduct .content img
    {
        width: 600px;
        height: 400px;
        margin: 0 auto;
        display: block;
        border: 1px solid #BBB;
    }
    .lbEnlargeProduct .content .btn_viewProdDetails
    {
        margin: 14px auto 0;
    }
</style>
<div class="overlay">
    &nbsp;</div>
